<template>
    <div class='update'>
        <div class="top">
            <van-icon name="arrow-left" size="20px" @click="goback()" />
            <div>一键求助</div>
        </div>
        <ul>
            <li>
                <a href="tel://110">
                    <img src="../assets//img/img2/cart110.png" alt="">
                    <p>公安报警</p>
                </a>
            </li>
            <li>
                <a href="tel://120">
                    <img src="../assets//img/img2/cart120.png" alt="">
                    <p>医疗救护</p>
                </a>
            </li>
            <li>
                <a href="tel://119">
                    <img src="../assets//img/img2/cart119.png" alt="">
                    <p>火警求救</p>
                </a>
            </li>
            <li>
                <a href="tel://122">
                    <img src="../assets//img/img2/cart.png" alt="">
                    <p>交通事故</p>
                </a>
            </li>
            <!-- <li>
                <a href="tel://110">
                    <img src="../assets//img/img2/plice.png" alt="">
                    <p>片区民警</p>
                </a>
            </li>
            <li>
                <a href="tel://888">
                    <img src="../assets//img/img2/wuye.png" alt="">
                    <p>小区物业</p>
                </a>
            </li> -->

        </ul>
    </div>
</template>

<script>
    //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
    //例如：import 《组件名称》 from '《组件路径》';
    import Vue from 'vue'
    import { Toast } from 'vant'
    Vue.use(Toast)
    export default {
        name: 'Update',
        //import引入的组件需要注入到对象中才能使用
        components: {},
        data() {
            //这里存放数据
            return {
                isUptoDate: false,
                banben: "",
                wgtUrl: ""
            };
        },
        //监听属性 类似于data概念
        computed: {},
        //监控data中的数据变化
        watch: {},
        //方法集合
        methods: {
            goback() {
                this.$router.push('home1')
            },

        },
        //生命周期 - 创建完成（可以访问当前this实例）
        created() {

        },
        //生命周期 - 挂载完成（可以访问DOM元素）
        mounted() {


        },
        beforeCreate() { }, //生命周期 - 创建之前
        beforeMount() { }, //生命周期 - 挂载之前
        beforeUpdate() { }, //生命周期 - 更新之前
        updated() { }, //生命周期 - 更新之后
        beforeDestroy() { }, //生命周期 - 销毁之前
        destroyed() { }, //生命周期 - 销毁完成
        activated() { }, //如果页面有keep-alive缓存功能，这个函数会触发
    }
</script>
<style lang='scss' scoped>
    //@import url(); 引入公共css类
    .update {
        padding-top: 40px;

        p {
            line-height: 0.88rem;
            text-align: center;
            font-size: 0.32rem;

        }
    }
    a{
        text-decoration: none;
        color:inherit;
    }
    .top {
        position: fixed;
        top: 0;
        height: 40px;
        line-height: 40px;
        /* position: relative; */
        font-size: 16px;
        border-bottom: 1px solid #999;
        width: 100%;
        background-color: #4b77e4;
        z-index: 9999;
        color: white;
    }

    .top div {
        text-align: center;

    }

    .van-icon-arrow-left {
        position: absolute;
        top: 10px;
    }

    li {
        position: relative;
        border-bottom: 1px solid #999;
    }

    img {
        position: absolute;
        left: .15rem;
        top: 0;
        bottom: 0;
        margin: auto 0;
    }
</style>